@media screen and (max-width: 768px){
    .menu{
        padding: 24px 0 !important;
    }

    .menu li a, .menu .btn-outline{
        font-size: 16px;
    }
}

@media screen and (max-width: 991px) {
    h1, h2, p, h5, span,
    .cb, .cr, .co, .cg, .cp {
        text-align: center !important;
    }

    main .btn-primary, .btn-secondary.mt-3 {
        margin: 1rem auto 0;
    }

    .bene svg {
        margin: 0 auto;
        display: block;
    }

    .nav-link {
        text-align: center;
        padding: 1rem 0 !important;
    }

    .menu .btn-outline {
        display: flex;
        justify-content: center;
        margin: 1rem auto 0;
    }

    h1 {
        padding: 1rem 0;
    }

    .order1 {
        order: 1;
    }

    .order2 {
        order: 2;
    }

    .t33 {
        width: 50%;
    }

    .t33 p, .t50 p {
        width: auto;
    }
}

@media screen and (max-width: 575px) {
    .t33, .t50 {
        width: 100%;
    }

    main, .cta {
        background-size: 300%;
    }
}